<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />


<title>新增会员预约服务</title>
<!--Basic Styles-->

<link id="bootstrap-rtl-link" href="" rel="stylesheet" />
<%@ include file="/commons/static.jsp"%>
<link rel="stylesheet" type="text/css"
	href="${ctx}/dep/datetimepicker/css/bootstrap-datetimepicker.css" />
</head>

<body>

	<!-- 导航 -->

	<div class="wapper">
		<!-- 面包屑导航 -->
		<div class="page-breadcrumbs">
			<ul class="breadcrumb">
				<li><i class="fa fa-home"></i> <a href="index.html">首页</a></li>
				<li class="active"><a href="###">会员信息服务</a></li>
				<li class="active">会员预约服务</li>

			</ul>
		</div>
		<!-- /面包屑导航-->
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
			<div class="row">
				<div class="col-xs-12 col-md-12">
					<div class="widget">
						<div class="widget-body" style="overflow: hidden">
						
							<div class="col-lg-12 col-sm-12 col-xs-12 ">
								<div class="widget">
									<div class=" bancgud">

										<div class="formfont">基础信息</div>
										<form action="${ctx }/reserve/addReserve" method="post" class="form-horizontal form-bordered " role="form"
											id="memberForm">
											<input id="packageId" name="packageId" hidden />
											<input id="reserveTime" name="reserveTime" value="${re.id }" hidden />
											<input id="servicePackageId" name="servicePackageId" hidden />
											<div class="form-group">
												<label class="col-sm-2 control-label no-padding-right">会员名称<span
													class="help-inline"><font color="red">*</font></span></label>
												<div class="col-lg-8 col-sm-10">
													<input id="masterId" name="customerId" hidden /> <input
														type="text" id="masterName" AutoComplete="off"
														class="form-control search-box" placeholder="输入会员名称/手机号检索"
														name="masterName">
													<div class="name-options" id="SearcherList"
														style="display: none;">
														<ul id="searchul">
															
														</ul>
													</div>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label no-padding-right">手&nbsp;&nbsp;机&nbsp;&nbsp;号<span
													class="help-inline"><font color="red">*</font> </span></label>
												<div class="col-sm-10">
													<input type="text" class="form-control fl "
														placeholder="请输入手机号" name="memPhone" data-bv-notempty="true"
														data-bv-notempty-message="手机号为必填项，不能为空">
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label no-padding-right">预约医师<span
													class="help-inline"><font color="red">*</font></span></label>
												<div class="col-lg-8 col-sm-10">
													<input id="doctorId" name="doctorId" hidden /> <input
														type="text" id="doctorName" AutoComplete="off"
														class="form-control search-box" placeholder="输入医师名称/手机号检索"
														name="doctorName">
													<div class="name-options" id="docList"
														style="display: none;">
														<ul id="docul">
															
														</ul>
													</div>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label no-padding-right">预约时间</label>
												<label class="col-sm-4">
												<input type="text"
													class="date-picker form-control from fl" id="inputEmail3" readonly="readonly" value="<fmt:formatDate value="${now}" type="both" dateStyle="long" pattern="yyyy-MM-dd" />"
													><i class="fa fa-calendar fl" style="margin-left:-26px ;color:#999; margin-top:10px;"></i>
												</label> <label class="input-group col-sm-3 col-xs-offset-1">
													<input class="form-control" id="timepicker1" type="text">
													<span class="input-group-addon"> <i
														class="fa fa-clock-o"></i>
												</span>
												</label>

											</div>

											<div class="form-group radioyes">
												<label class="col-sm-2 control-label no-padding-right">预约体检套餐</label>
												<div class="radio">
													<label class="labletab" style="padding-top: 0px"> 
													<input name="packageType" value="1" type="radio" class="radio_1" checked> <span class="text" value="1" >服务套餐</span>
													</label> <label class="col-xs-offset-1 labletab"
														style="padding-top: 0px">
													<input name="packageType" type="radio" value="2" class="radio_2"><span class="text">体检套餐</span>
													</label>
												</div>
											</div>

											<div class=" radioa">
												<div class=" col-sm-8 formleftb yesradio yesradionoa server server_1">
													<table id="table1" class="table table-striped table-bordered table-hover">
														<thead>
															<tr role="row">
																	<th></th>
																	<th >
																		代码名称 <span class="fa indicator fa-unsorted"></span>
																	</th>
																	<th >
																		套餐名称 <span class="fa indicator fa-unsorted"></span>
																	</th>
																	<th >
																		套餐价格 <span class="fa indicator fa-unsorted"></span>
																	</th>
																	<th  >
																		服务内容 <span class="fa indicator fa-unsorted"></span>
																	</th>

																	<th >
																		体检项目 <span class="fa indicator fa-unsorted"></span>
																	</th>
																</tr>
														</thead>
													</table>

												</div>
												<div
													class="col-sm-8  formleftb yesradio nihigth project  server_2">
													
													<table id="table2" class="table table-striped table-bordered table-hover">
													
														<thead>
															<tr role="row">
																	<th width="5%">
																		<label>
					                                                        <span class="text"></span>
					                                                    </label>
																	</th>
																	<th width="10%">
																		代码名称 <span class="fa indicator fa-unsorted"></span>
																	</th>
																	<th width="200px">
																		套餐名称 <span class="fa indicator fa-unsorted"></span>
																	</th>
																	<th width="40%" colspan="2">
																		体检项目 <span class="fa indicator fa-unsorted"></span>
																	</th>
																</tr>
														</thead>
													</table>

												</div>
											</div>

											<div class="form-group">
												<label for="inputPassword3"
													class="col-sm-2 control-label no-padding-right">支付状态</label>
												<div class="radio">
													<label> <input 
													name="payStatus" value="1"	type="radio" > <span class="text"
														checked>已支付 &nbsp;&nbsp;</span>
													</label> <label class=""> <input 
													name="payStatus" value="2"	type="radio" class="" checked="checked"> <span class="text">未支付</span>
													</label>
												</div>
											</div>
											<div class="form-group pad-butom">
												<label for="inputPassword3"
													class="col-sm-2 control-label no-padding-right">支付渠道</label>

												<div class="radio">
													<label> <input name="reserveFrom" type="radio"
													name="reserveFrom" value="2"	checked="checked"> <span class="text">pos刷卡</span>
													</label> <label> <input name="reserveFrom"
														type="radio" value="1" name="reserveFrom" class=""> <span class="text">现金</span>
													</label> <label> <input name="reserveFrom"
														type="radio" value="3" name="reserveFrom" class=""> <span class="text">协议结算</span>
													</label>
													<label> <input name="reserveFrom" type="radio"
													name="reserveFrom" value="4"	checked="checked"> <span class="text">现金</span>
													</label> 
													<label> <input name="reserveFrom" type="radio"
													name="reserveFrom" value="5"	checked="checked"> <span class="text">其他</span>
													</label> 
												</div>
											</div>
											
											
											<div class="form-group" style="margin-top: 25px">
												<div class="col-lg-6 col-sm-6 col-xs-6  ">
													<button id="tagIdSubmitAddVip_btn" type="button" onclick="submitClick()"
													class=" btn btn-darkorange  col-sm-2 col-sm-2 col-lg-offset-9 col-xs-offset-8">保存</button>
												<input type="submit" hidden id="sb" >
												</div>
												<div class="col-lg-6 col-sm-6 col-xs-6  ">
													
													<a  class="btn btn-active col-sm-2" type="button" href="${ctx }/reserve/index">取消</a>
												</div>
											<!-- 	<input type="submit" hidden id="sb" > -->
												
											</div>
									</div>
									
								</div>
								
							</div>
							

						</div>
					</form>
					</div>

				</div>
			</div>
		</div>

	</div>

	</div>
	</div>

	</div>

	</div>

	<!-- /右侧内容 -->
	</div>


	<%-- <script src="${ctx }/dep/assets/js/bootstrapValidator.min.js"></script>
	<script src="${ctx }/dep/assets/js/jquery.dataTables.bootstrap.js"></script> --%>
	<script src="${ctx }/dep/moban/js/datetime/bootstrap-datepicker.js"></script>
	<script src="${ctx }/dep/moban/js/datetime/bootstrap-timepicker.js"></script>
	<script src="${ctx }/dep/jquery.selectlist.js"></script>
	<script src="${ctx }/dep/assets/js/extjs.js"></script>
	<script src="${ctx }/home/member/vip_server_add.js"></script>
</body>

</html>
